<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>21_文本属性-背景属性-背景平铺</title>
        <style>
            div {
                width: 400px;
                height: 400px;
                border: 10px solid black;


                background-image: url(./img/mzq.jpg);

                /* repeat 会重复图片 */
                background-repeat: repeat;
                /* no-repeat 不会重复图片  常用*/
                background-repeat: no-repeat;

                /* 在x轴上平铺 */
                background-repeat: repeat-x;
                /* 在y轴上平铺 */
                background-repeat: repeat-y;


            }
        </style>
    </head>
    <body>
        <div>

        </div>
    </body>
</html>